// Variables.styl
// Variables to customize the look and feel of Bootstrap
// -----------------------------------------------------

// GLOBAL VALUES
// --------------------------------------------------

// Links
$linkColor =             #134C00
$linkColorHover =        lighten($linkColor, 15%)

// Grays
$black =                 #000
$grayDarker =            #222
$grayDark =              #333
$gray =                  #555
$grayLight =             #999
$grayLighter =           #eee
$white =                 #fff

// Accent colors
$blue =                  #0000A5
$blueDark =              #090A59
$green =                 #134C00
$red =                   #AF2100
$yellow =                #A58700
$orange =                #983908
$pink =                  #98007E
$purple =                #4C003F

// Colours
$textColor =             $grayLighter
$headingColor =          $grayLight
$unimportantColor =      $gray
$backgroundColor =       darken($green, 15%)
$modalBackground =       $black
$modalBorder =           $grayDark
$modalShadow =           rgba(0,0,0,0.5)
$modalBorderNice =       rgba(0,0,0,.7)
$modalFooterBackground = $black
$modalFooterDivider1 =   $black
$modalFooterDivider2 =   $black
$buttonFontColor =       $grayLighter
//$buttonBackground =      $grayDark
//$buttonBorder =          $gray
$buttonInnerShadow =     rgba(46,46,46,.2)
$buttonShadow =          rgba(0,0,0,.05)
$buttonOnBackground =    darken($grayDark, 10%)

// Typography
$baseFontSize =          14px
$baseFontFamily =        Sansation, Helvetica, Arial, sans-serif
$baseLineHeight =        18px

// Buttons
$primaryButtonBackground =    $linkColor



// COMPONENT VARIABLES
// --------------------------------------------------

// Z-index master list
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)
$zindexDropdown =          1000
$zindexPopover =           1010
$zindexTooltip =           1020
$zindexFixedNavbar =       1030
$zindexModalBackdrop =     1040
$zindexModal =             1050

// Sprite icons path
$iconSpritePath =          "../img/glyphicons-halflings.png"
$iconWhiteSpritePath =     "../img/glyphicons-halflings-white.png"

// Input placeholder text color
$placeholderText =         $grayLight

// Hr border color
$hrBorder =                $grayDarker

// Navbar
$navbarHeight =                    40px
$navbarBackground =                $black
$navbarBackgroundHighlight =       $grayDarker
$navbarLinkBackgroundHover =       transparent

$navbarText =                      $grayLight
$navbarLinkColor =                 $grayLight
$navbarLinkColorHover =            $white

// Form states and alerts
$warningText =             #c09853
$warningBackground =       #fcf8e3
$warningBorder =           darken(hsl(hue($warningBackground) - 10, saturation($warningBackground), lightness($warningBackground)), 3%)

$errorText =               #b94a48
$errorBackground =         #f2dede
$errorBorder =             darken(hsl(hue($errorBackground) - 10, saturation($errorBackground), lightness($errorBackground)), 3%)

$successText =             #468847
$successBackground =       #dff0d8
$successBorder =           darken(hsl(hue($successBackground) - 10, saturation($successBackground), lightness($successBackground)), 5%)

$infoText =                #3a87ad
$infoBackground =          #d9edf7
$infoBorder =              darken(hsl(hue($infoBackground) - 10, saturation($infoBackground), lightness($infoBackground)), 7%)



// GRID
// --------------------------------------------------

// Default 940px grid
$gridColumns =             12
$gridColumnWidth =         60px
$gridGutterWidth =         20px
$gridRowWidth =            ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1))

// Fluid grid
$fluidGridColumnWidth =    6.382978723%
$fluidGridGutterWidth =    2.127659574%

